<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>首页草图</title>
<link href="bootstrap-3.2.0/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="bootstrap-3.2.0/bootstrap/js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="bootstrap-3.2.0/bootstrap/js/bootstrap.js"></script>
<style type="text/css">
.right-top {
	width:auto;
	height:auto;
	position:fixed;
	z-index:999;
	left:80%;
	padding-top:auto;
	padding-left:auto;
 background-color:;
}
</style>
</head>
<body style="padding-top:70px;">
<div class="container"> <!--设置整体容器-->
  <div class="btn-group right-top ">
    <button type="button" class="btn btn-default btn-block dropdown-toggle" data-toggle="dropdown"><span class="
glyphicon glyphicon-th-large"></span></button>
    <ul class="dropdown-menu dropdown-menu-right " role="menu" aria-labelledby ="dropdownMenu3">
      <li class="divider"></li>
      <li class="disabled"><a href="#">仓库管理</a></li>
      <li class="divider"></li>
      <li><a href="#">课程管理</a></li>
      <li><a href="#">博文管理</a></li>
      <li><a href="#">小组管理</a></li>
      <li><a href="#">好友管理</a></li>
      <li><a href="#">任务管理</a></li>
      <li class="divider"></li>
      <li class="disabled"><a href="#">我的发布</a></li>
      <li class="divider"></li>
      <li><a href="#">任务发布</a></li>
      <li><a href="#">课程发布</a></li>
      <li><a href="#">博文发布</a></li>
    </ul>
  </div>
  <nav class="navbar  navbar-default  navbar-left navbar-fixed-top" role="navigation"><!--插入导航-->
    <div class="container"><!--设置导航内的容器-->
      <div class="navbar-header"><!--导航头设置-->
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"><!--响应式制作--> 
        <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
        <!--响应式制作完成--> 
        <a class="navbar-brand " href="#"><strong>麦知</strong></a> </div>
      <!--导航头结束-->
      <div class="collapse navbar-collapse" ><!--插入导航里面的标题内容-->
        <ul class="nav navbar-nav">
          <li ><a href="#"><strong>圈子</strong></a></li>
          <li ><a href="#"><strong>任务</strong></a></li>
          <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"><strong>课程</strong><span class="caret"></span></a>
            <ul class="dropdown-menu" role="menu">
              <li><a href="#">大分类一</a></li>
              <li><a href="#">大分类二</a></li>
              <li><a href="#">大分类三</a></li>
              <li class="divider"></li>
              <li><a href="#">二手市场</a></li>
              <li class="divider"></li>
              <li><a href="#">其他知识</a></li>
            </ul>
          </li>
        </ul>
        <ul class="nav navbar-nav pull-right" >
          <li><a href="#"><span class="glyphicon glyphicon-envelope"></span></a></li>
          <li ><a href="#"> <span class="glyphicon glyphicon-bell"></span></a></li>
          <li><a href="#"> <img alt="image" src="..."></a></li>
          <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-align-justify"></span></a>
            <ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="dLabel">
              <li><a href="#">我的主页</a></li>
              <li><a href="#">资格申请/联系麦知</a></li>
              <li class="divider"></li>
              <li><a href="#">个人设置</a></li>
              <li class="divider"></li>
              <li><a href="#">退出</a></li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
    <!--插入导航里面的标题内容结束--> 
    <!--导航内的容器结束--> 
  </nav>
  <!--导航结束-->
  
    
    
  <div class="row">
    <div class="col-md-12">
      <h2 class="pageheader" style="left:20px;">这里是个人签名的地方</h2>
    </div>
  </div>
  <div class="row">
    <div class="col-md-8">
      <ol class="breadcrumb ">
        <li><a href="#">首页</a></li>
        <li><a href="#">个人主页</a></li>
        <li class="active">课程</li>
      </ol>
    </div>
    <div class="col-md-4">
      <form class="navbar-form pull-right " role="search">
        <div class="form-group ">
          <input type="text" class="form-control" placeholder="请搜索您需要的知识">
        </div>
        <button type="submit" class="btn btn-default">搜索</button>
      </form>
    </div>
  </div>
  
  
  
  <div class="row">
    <div class="col-md-8">
    
      
      <div class="panel panel-default panel-success">
        <div class="panel-heading">
          <h3 class="panel-title">您关注的新鲜事</h3>
        </div>
        <div class="panel-body"> 先是发言，然后在进行浏
        览 </div>
        <div class="panel-footer"><ul class="pagination">
  <li><a href="#">&laquo;</a></li>
  <li><a href="#">1</a></li>
  <li><a href="#">2</a></li>
  <li><a href="#">3</a></li>
  <li><a href="#">4</a></li>
  <li><a href="#">5</a></li>
  <li><a href="#">&raquo;</a></li>
</ul></div>
      </div>
    </div>
    
    <div class="col-md-4">
    <div class="panel panel-default panel-info">
    <div class="panel-heading"><div class="panel-title">好友推荐</div></div>
    <div class="panel-body"> 好友都在哪里呢</div>
    <div class="panel-footer"><ul class="pager">
  <li><a href="#">上一页</a></li>
  <li><a href="#">下一页</a></li>
</ul></div>
    </div>
    </div>
  </div>
  
  
  
  
  
  
  
  
   <div class="row">
    <div class="col-md-8">
      <ol class="breadcrumb well well-lg">
        <li><a href="#">首页</a></li>
        <li><a href="#">个人主页</a></li>
        <li class="active">课程</li>
      </ol>
    </div>
    <div class="col-md-4">
     <ol class="breadcrumb well well-sm "><li>
      <form class="navbar-form pull-right " role="search">
        <div class="form-group ">
          <input type="text" class="form-control" placeholder="请搜索您需要的知识">
        </div>
        <button type="submit" class="btn btn-default">搜索</button>
      </form>
          </li></ol>
    </div>
  </div>
  
  
  
  
  
  
    <div class="row">
    <div class="col-md-8">
      <ol class="breadcrumb well-lg">
        <li><a href="#">首页</a></li>
        <li><a href="#">个人主页</a></li>
        <li class="active">课程</li>
      </ol>
    </div>
    <div class="col-md-4">
     <ol class="breadcrumb  "><li>
      <div class="form-group">
    <div class="input-group">
    
      <input class="form-control pull-right" type="search" placeholder="search">
       <div class="input-group-addon">go</div>
          </li></ol>
    </div>
  </div>
  
  
  
  
  
  
  
</div>
<!--整体容器结束-->
</body>
</html>
